<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="layout/layout">
<head>
    <meta charset="UTF-8">
    <title>评论列表</title>
    <script language="javascript" type="text/javascript" src="https://mazey.cn/cdn/jquery-2.1.1.min.js"></script>
    <link type="text/css" href="https://mazey.cn/cdn/bootstrap-3.4.1/css/bootstrap.min.css" rel="stylesheet" />
    <script language="javascript" type="text/javascript"
            src="https://mazey.cn/cdn/bootstrap-3.4.1/js/bootstrap.min.js"></script>
    <!--让IE使用最新的渲染模式，支持CSS3-->
    <meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1">
    <!--如果IE版本低于IE9，使浏览器支持HTML5和CSS3-->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" th:href="@{${#httpServletRequest.getContextPath()} + '/css/style.css'}">
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 col-md-offset-3 log-list">
            <ul class="media-list">
                <li class="media" th:each="item:${commentDTOList}">
                    <div class="media-left">
                        <!--<a href="#">
                            <img src="" class="img-rounded media-object">
                        </a>-->
                    </div>
                    <div class="media-body">
                        <h5 class="media-heading" th:text="${item.addTime}"></h5>
                        <p th:text="${item.content}"></p>
                        <span class="pull-left" th:text="${item.memberName}"></span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>